<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="d" uri="http://dgg.net/jsp/jstl/core" %>

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的生产订单</title>
    <c:import url="../../header.jsp"/>
    <link rel="stylesheet" href="${rootUrl}/static/css/time-status-color.css?v=${version}">
    <script> var ALLOT_REFUSED = '${ALLOT_REFUSED}';</script>
    <style>
        table.crm-table.cell-border tbody td{
            white-space: nowrap;
        }
    </style>
</head>
<body>
<div class="body-main">
    <div class="titleSearch">
        <div class="layui-inline">
            <label>客户电话：</label>
            <div class="layui-input-inline">
                <input name="customerPhone" type="text" class="input-style" maxlength="50"
                       placeholder="请输入客户电话">
            </div>
        </div>
        <div class="layui-inline">
            <label>业务类型：</label>
            <div class="layui-input-inline">
                <div id="business_typeCode">
                    <input type="hidden" name="businessType" class="plug-in-msg"/>
                    <input type="hidden" name="typeCode" id="typeCode" class="plug-in-code"/>
                    <input type="text" readonly placeholder="请选择业态" class="chose-plugIn layui-input"
                           name="businessTypeName">
                    <div class="bus-picker">
                        <div class="bus-picker-tab">
                            <a href="javascript:void(0);" class="active">请选择业态</a>
                        </div>
                        <div class="bus-picker-content"></div>
                    </div>
                </div>
            </div>
        </div>
          <div class="layui-inline">
            <label>订单来源：</label>
            <div class="layui-input-inline">
                      <select class="select-style" id="signOrgId" name="signOrgId">
                        </select>
            </div>
        </div>
         <div class="layui-inline">
            <label>订单状态：</label>
            <div class="layui-input-inline">
                      <select class="select-style" id="orderStatus" name="orderStatus">
                        </select>
            </div>
        </div>
           <div class="layui-inline">
            <label>超期状态：</label>
            <div class="layui-input-inline">
                 <select  id="SQSTATUS" name="SQSTATUS">
                 			<option value="">--请选择--</option>
                    		<option value="OUT_TIME_STATE1">--接收超期--</option>
                      		<option value="OUT_TIME_STATE3">--节点超期--</option>
                      		<option value="OUT_TIME_STATE4">--订单超期--</option>
                            <option value="OUT_TIME_STATE5">--合同超期--</option>
                        </select>
            		</div>
            </div>
  		<div class="layui-inline">
            <label>签单时间：</label>
            <div class="layui-inline">
                <input type="text" name="signTimeStart" placeholder="开始时间" class="Wdate input-style" id="d4311"
                       onFocus="var d4312=$dp.$('d4312'); WdatePicker({onpicked:function(){d4312.focus();}, maxDate:'#F{ $dp.$D(\'d4312\')}', dateFmt:'yyyy-MM-dd'})">
            </div>
            <span>~</span>
            <div class="layui-inline">
                <input type="text" name="signTimeEnd" placeholder="结束时间" class="Wdate input-style" id="d4312"
                       onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}', dateFmt:'yyyy-MM-dd'})">
            </div>
            </div>
                <div class="layui-inline">
            <label>关键字：</label>
            <div class="layui-input-inline">
                <input name="searchKey" type="text" class="input-style" maxlength="50" style="width:300px"
                       placeholder="客户名/订单编号/生产订单编号/企业名称/合同编号">
            </div>
            <div class="layui-inline">
                    <label>完结时间：</label>
                    <div class="layui-input-inline">
                        <input style="width: 120px" type="text" name="completedTimeStart" placeholder="开始时间" class="Wdate input-style" id="completedTimeStart"
                               onfocus="var endDate=$dp.$('completedTimeStart'); WdatePicker({onpicked:function(){endDate.focus();}, dateFmt:'yyyy-MM-dd'})">
                    </div>
                    <div class="layui-input-inline">
                        <input style="width: 120px" type="text" name="completedTimeEnd" placeholder="结束时间" class="Wdate input-style" id="completedTimeEnd"
                               onfocus="var endDate=$dp.$('completedTimeEnd'); WdatePicker({onpicked:function(){endDate.focus();}, dateFmt:'yyyy-MM-dd'})">
                    </div>
                </div>
            <div class="layui-inline">
                <label>结项时间：</label>
                <div class="layui-input-inline">
                    <input style="width: 120px" type="text" name="overEndTimeStart" placeholder="开始时间" class="Wdate input-style" id="overEndTimeStart"
                           onfocus="var endDate=$dp.$('overEndTimeStart'); WdatePicker({onpicked:function(){endDate.focus();}, dateFmt:'yyyy-MM-dd'})">
                </div>
                <div class="layui-input-inline">
                    <input style="width: 120px" type="text" name="overEndTimeEnd" placeholder="结束时间" class="Wdate input-style" id="overEndTimeEnd"
                           onfocus="var endDate=$dp.$('overEndTimeEnd'); WdatePicker({onpicked:function(){endDate.focus();}, dateFmt:'yyyy-MM-dd'})">
                </div>
            </div>
        </div>
                 <div class="layui-inline">
            <button class="layui-btn layui-btn-mini layui-btn-normal" type="button" onclick="dataTableReload()">搜索</button>
            <button class="layui-btn layui-btn-mini layui-btn-primary" type="button" onclick="cleanSearch()">清空</button>
        </div>
    </div>
      <div class="table-conter">
            <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="callPhoneByProductionPage()">打电话</a>
        <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="openremarkPage()">备注</a>
                    <div class="fr">
            <span class="bgYellow">接收超期</span>
            <span class="bgBlue">节点超期</span>
            <span class="bgRed">订单超期</span>
            <span class="bgBlueGreen">合同超期</span>
        </div>
    </div>
    <div class="table-body">
        <!--表格 start-->
        <table id="myScOrderTable" class="cell-border crm-table columnsHidden dataTable">
            <thead>
            <tr>
                <th width="20"><input type="checkbox" class="checkall"/></th>
                <th width="50">序号</th>
                <th>订单来源</th>
                <th>生产订单编号</th>
                <th>订单编号</th>
                <th>合同编号</th>
                <th>客户</th>
                <th>订单状态</th>
                <th>完成节点</th>
                <th>业务类型</th>
                <th>订单产品</th>
                <th>销售订单备注</th>
                <th>签单时间</th>
                <th>最新备注</th>
                <th>流程人员</th>
                <th>生产负责人</th>
                <th>签单商务</th>
                <th>签单部门</th>
                <th>企业名称</th>
                <th>合同金额</th>
                <th>合同周期</th>
                <th>完结时间</th>
                <th>结项时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
        <!--表格 end-->
    </div>
</div>
<c:import url="/WEB-INF/jsp/footer.jsp"/>
<script type="text/javascript">
    var NORMAL = '${NORMAL}', TIME_OUT = '${TIME_OUT}';
</script>
<script type="text/javascript"
        src="${basePath}/static/js/choose.extend.js?v=${version}"></script>
<script type="text/javascript" src="${basePath}/static/js/zzsc/production/sc_common.js?v=${version}"></script>
<script type="text/javascript" src="${basePath}/static/js/zzsc/common/call_common.js?v=${version}"></script>
<script type="text/javascript" src="${basePath}/static/js/zzsc/inprocess/inprocess_list.js?v=${version}"></script>
<script src="${rootUrl}/static/js/zzsc/common/sc_chooseUser.js?v=${version}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
Plug.plug_in("post", "${basePath}/zzsc/common/tree_book_list.do?code=BUS_YT_ZZ&&type=2&&level=3", "#business_typeCode", '选择业态', '', true, 'BUS_YT_ZZ', '', '');
</script>
<script type="text/javascript">
	$(function(){
		syb("#signOrgId");//初始化事业部
		
		commonTreeBookCode("#orderStatus","ZZSC_PRODUCT_STATUS",1,1,1,true);//初始化订单状态
		
	});
    // 打电话
    function callPhoneByProductionPage() {
        var dataArr = $('#myScOrderTable').dataTableExtend('getCheck');
        if (dataArr.length == 0) {
        	 DGG.Warning('请选择一条订单')
            return false;
        }
        if (dataArr.length > 1) {
        	 DGG.Warning('只能选择一条订单');
            return false;
        }
        callPhoneByProduction(dataArr[0].id);
    }
    function export_data() {
        export_table('/sc/general/allotScOrder/export.do', getSearchData());
    }

    // 获取搜索数据
    function getSearchData() {
        return $.extend($('.main-title').serializeJson(), $('.titleSearch').serializeJson());
    }
    // 备注
    function openremarkPage() {
        var dataArr = $('#myScOrderTable').dataTableExtend('getCheck');
        if (dataArr.length == 0) {
        	 DGG.Warning('只能选择一条订单');
            return false;
        }
        if (dataArr.length > 1) {
        	 DGG.Warning('只能选择一条订单');
            return false;
        }
        remarkAjaxSubmit(dataArr[0].id);
    }

    // 弹出备注页面
    function remarkAjaxSubmit(id) {
        DGG.loading();
        $.post(sysInfo.basePath + "/sc/distribution/remarkScOrderPage.html",{id:id},function(html){
  	     DGG.Open({
	            content:html,
	            title:"订单备注",
	            area:'400px',
	            yes:function(index,layero){
	            	 DGG.loading();
                    var remark = $("#order_remark").val();
                    if (checkIsEmpty(remark)){
                        DGG.Errors("备注不能为空!");
                        return;
                    }
					var param =$("#remarkForm").serializeObject();//获取备注参数
					param.id=id;
					$.post(sysInfo.basePath+"/sc/distribution/remarkOrder.do",param,function(result){
						if(result.code==0){
							DGG.Succeed('备注成功');
							// $('#myScOrderTable').dataTableExtend('reload');
                            table.ajax.reload(null, false);
							layer.close(index);
							DGG.loading("close");	
						}else{
							DGG.Errors(result.msg);
							DGG.loading("close");	
						}
					},'json');
					
	            }
	        }) 
    	   
       },'html');
    }
    $(document).ready(function () {
		//初始化dataTable列表
        table = $('#myScOrderTable').dataTableExtend({
            "ajax": {"url": "${basePath}/sc/all/myScOrderJson.do", "type": "post"},
            "fnServerParams": function (aoData) {
                aoData = $.extend(aoData, getSearchData());
                return aoData;
            },
            "scrollX": "true",//是否开启横项滚动
            "fixedColumns": {//锁定列，只有开启scrollX时才生效
                "leftColumns": 4,//左侧锁定2列
                "rightColumns": 1//右侧锁定1列
            },
            "aoColumns": [
                {
                    "orderable": false,
                    "data": "id",
                    "render": function (data, type, full, meta) {
                        return '<input type="checkbox"  name="ids" class="checkchild"  value="' + data + '" />';
                    }
                }
                , {
                    "orderable": false,
                    "render": function (data, type, full, meta) {
                        return meta.row + 1;
                    }
                }, {
                    "orderable": false,
                    "data": "signOrgName",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                }, {
                    "orderable": false,
                    "data": "scProductOrderNo",
                    "render": function (data, type, full, meta) {
                        var result ="";
                        result += '<a href="javascript:;"  class="layui-table-link" onclick="openOrderInfoDetail(\'' + full.scProductOrderNo + '\',\'' + full.id + '\')" /><p>' + data + '</p></a>';
                        return result;
                    }
                }, {
                    "orderable": false,
                    "data": "orderNo",
                    "render": function (data, type, full, meta) {
                   	 return ('<a href=\'javascript:void(0)\' ti  onclick="openBusinessDetail(\'' + full.orderNo + '\',\'' + full.orderId + '\')" /><span class="layui-table-link">' + data + '</span></a>&nbsp;');
                    }
                }
                ,{
                    "orderable": false,
                    "data": "contractNo",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },
                {
                    "orderable": false,
                    "data": "customerName",
                    "render": function (data, type, full, meta) {
                   	  return emptyStringConvert(full.customerName) + '<p>' + emptyStringConvert(full.customerPhone) + '</p>';
                    }
                },
                {
                    "orderable": false,
                    "data": "status",
                    "render": function (data, type, full, meta) {
                    	 return data ? data : '';
                    }
                },
                {
                    "orderable": false,
                    "data": "latestEndNodeName",
                    "render": function (data, type, full, meta) {
                    	 return data ? data : '';
                    }
                },
                {
                    "orderable": false,
                    "data": "businessProductName",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },
                {
                    "orderable": false,
                    "data": "productName",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },
                {
                    "orderable": false,
                    "data": "orderRemark",
                    "render": function (data, type, full, meta) {
                        if(data){
                            return  '<div class="line2" style="min-width: 120px" title="'+data+'">'+data+'</div> ';
                        }else{
                            return '';
                        }
                    }
                },
                {
                    "orderable": true,
                    "data": "signTime",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },{//最新备注时间
                    "orderable": true,
                    "data": "lastRemarkTime",
                    "render": function (d, type, r) {
                        (d==null)&&(d='');
                        (r.lastRemark==null)&&(r.lastRemark='');
                        (r.lastUser==null)&&(r.lastUser='');
                        return '<div class="line2" style="min-width: 120px" title="'+r.lastRemark+'">'+r.lastRemark+'</div> '
                            + '<p>' + r.lastUser + '</p>'+ '<p>' + d + '</p>';
                    }
                },{
                    "orderable": false,
                    "data": "flowUserName",
                    "render": function (data, type, full, meta) {
                        if(data) {
                            return data + '<p>' + full.flowUserOrgName + '</p>';
                        }else{
                            return '';
                        }
                    }
                },{
                    "orderable": false,
                    "data": "productUserName",
                    "render": function (data, type, full, meta) {
                        if(data) {
                            return full.productUserName+'<p>'+full.productUserOrgName+'</p>';
                        }else{
                            return '';
                        }
                    }
                },
                {
                    "orderable": false,
                    "data": "signUserName",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },   {
                    "orderable": false,
                    "data": "signUserOrgName",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                }, {
                    "orderable": false,
                    "data": "companyName",
                    "render": function (data, type, full, meta) {
                        (data==null)&&(data='');
                        return '<div class="line2" style="min-width: 50px" title="'+data+'">'+data+'</div> ';
                    }
                },{
                    "orderable": false,
                    "data": "money"
                },
                {
                    "orderable": false,
                    "data": "contractStartDate",
                    "render": function (data, type, full, meta) {
                        return data ? data.replace(new RegExp("-",'g'),"")+"-"+full.contractEndDate.replace(new RegExp("-",'g'),"") : '';
                    }
                },{
                    "orderable": false,
                    "data": "completedTime",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },{
                    "orderable": false,
                    "data": "overEndTime",
                    "render": function (data, type, full, meta) {
                        return data ? data : '';
                    }
                },{
                    "orderable": false,
                    "data": "id",
                    "width": "190",
                    "render": function (d, type, r, meta) {
                        var result = "";
                        result += '<a href=\'javascript:void(0)\' ti  onclick="queryQGJ(\'' + r.id + '\')" /><span class="layui-table-link">查询企管家</a>';
                        return result;
                    }
                }],
            "columnDefs": [{
                targets: [3], //第1，2，3列
                createdCell: function (td, cellData, rowData, row, col) {
                    if(rowData.contractTimeStatus=='${TIME_OUT}'){
                        $(td).parent().addClass("bgBlueGreen");//合同超期
                        return;
                    }else if(rowData.orderTimeStatus=='${TIME_OUT}'){
                		 $(td).parent().addClass("bgRed");//订单超期
                		return;
           	 	}else if(rowData.nodeTimeStatus=='${TIME_OUT}'){//节点超期
           	 		$(td).parent().addClass("bgBlue");
           	 		
           	 	}else if(rowData.receiveTimeStatus=='${TIME_OUT}'&&rowData.status=='分配待接收'){//接收超期
           			$(td).parent().addClass("bgYellow");
           	 		return;
           	 	}
                }
            }]
        });
    });
</script>
</body>

</html>